@mixin flex{
  display: flex;
  display: -webkit-flex;
}
@mixin flex-column{
  @include flex;
  flex-direction: column;
}
@mixin flex-align{
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
@mixin flex-between{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

@mixin flex-center($justify-content: center, $align-items: center){
  display: flex;
  display: -webkit-flex;
  align-items: $align-items;
  justify-content: $justify-content;
}
@mixin flex-inline-flex {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

@mixin flex-overflow{
  flex:1;
  overflow-y: auto;
}
@mixin position-center{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

@mixin scrollbar($size: 6px, $color: #d9d9d9) {
  &::-webkit-scrollbar-thumb {
    background-color: $color;
    border-radius: $size;
  }
  &::-webkit-scrollbar-thumb:hover {
    background-color: $color;
    border-radius: $size;
  }
  &::-webkit-scrollbar {
    width: $size;
    height: $size;
  }
  &::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
  }
}
@mixin fontStyle($text-size:30rpx,$text-color:#89909E, $text-weight:normal,$text-wrap:nowrap) {
  color: $text-color;
  font-size: $text-size;
  font-weight: $text-weight;
  white-space: $text-wrap;
}
//块级样式
@mixin blockStyle($btn-width,$btn-height,$btn-color,$btn-radius,$btn-border:none) {
  width: $btn-width;
  height:$btn-height;
  border-radius: $btn-radius;
  background-color: $btn-color;
  white-space: nowrap;
  border: $btn-border;
}
// 弹性盒子样式
@mixin flexStyle($flex-horizontal:space-between,$flex-vertical:center,$flex-wrap:nowrap) {
  display: flex;
  justify-content:$flex-horizontal;
  align-items: $flex-vertical;
  flex-wrap: $flex-wrap;
}
